<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>		
		<meta name="format-detection" content="telephone=no, email=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
	</head>

	<body>
		<!--index-->
		<div class="wrap page">
			<div class="wrap_bg">
				<img src="../img/index/bg.png" />
			</div>
			<div class="wrap_typeface">
				<img src="../img/index/writer.png" />
			</div>
			<div class="wrap_character">
				<img src="../img/index/final.png" />
			</div>
			<div class="wrap_start">
				<a href="rule.html"><img src="../img/index/start.png" /></a>
			</div>
		</div>
		<!--index end-->
		<!--规则-->
		<div class="rule page">
			<div class="rule_bg">
				<img src="../img/index/bg.png"/>
			</div>
			<div class="rule_rule">
				<img src="../img/index/rule.png"/>
			</div>
			<div class="rule_read">
				<a href="customs.html"><img src="../img/index/read.png"/></a>
			</div>
		</div>
		<!--规则end-->
		<!--关卡-->
		<div class="custons page">
			<div class="custons_bg">
				<img src="../img/index/bg.png"/>
			</div>
			<div class="custons_logo">
				<img src="../img/game/logo.png"/>
			</div>
			<div class="custons_one">
				<img src="../img/game/one.png"/>			
			</div>
			<div class="custons_two">
				<img src="../img/game/two.png"/>				
			</div>
			<div class="custons_three">
				<img src="../img/game/three.png"/>
			</div>
			<div class="custons_figure">
				<img src="../img/index/final.png"/>
			</div>
			<div class="custons_pai">
				<img src="../img/game/rankinglist.png"/>
			</div>
			<div class="custons_xuan">
				<img src="../img/game/manifesto.png"/>
			</div>
		</div>
		<!--关卡end-->
		<!--第一关-->
		<div class="shark page">
			<div class="shark_bg">
				<img src="../img/game/liang.png"/>
			</div>
			<div class="shark_top">
				<img src="../img/game/sharkitoff.png"/>
			</div>
			<div class="shark_center">
				<img src="../img/game/zu.png"/>
			</div>
			<div class="shark_bottom">
				<img src="../img/game/aggregation.png"/>
			</div>
		</div>
		<!--第一关end-->
		<!--第一关游戏-->
		<div class="game_one page">
			<div class="game_onebg">
				<img src="../img/game/bg1.png" />
			</div>
			<div class="game_onetop">
				<img src="../img/game/sharkitoff.png" />
				
			</div>
			<div class="game_onem"></div>
			<div class="game_onelog">
				<img src="../img/game/bottle.png" />
			</div>
			<div class="game_onedi">
				<img src="../img/game/rectangle.png" />
			</div>
			<div class="game_one_bot">
					<tr>
						<td><img src="../img/game/bottle_gr.png" /></td>
						<td><img src="../img/game/bottle_gr.png" /></td>
						<td><img src="../img/game/bottle_gr.png" /></td>
						<td><img src="../img/game/bottle_gr.png" /></td>
						<td><img src="../img/game/bottle_gr.png" /></td>
						<td><img src="../img/game/bottle_gr.png" /></td>
						<td><img src="../img/game/bottle_gr.png" /></td>
						<td><img src="../img/game/bottle_gr.png" /></td>
						<td><img src="../img/game/bottle_gr.png" /></td>
						<td><img src="../img/game/bottle_gr.png" /></td>
					</tr>
			</div>
			<div class="game_onebu">
				<img src="../img/game/juhe.png" />
			</div>
		</div>
		<!--第一关游戏end-->
		<!--第一关活力值-->
		<div class="space page">
			<div class="space_bg">
				<img src="../img/game/bg3.png"/>
			</div>
			<div class="space_fen">
				<h2>超牛的！</h2>
				<p>激发<b>190</b>能量值</p>
			</div>
			<div class="space_center">
				<img src="../img/game/bg4.png"/>
			</div>
			<div class="space_bottom">
				<img src="../img/game/challenge.png"/>
			</div>
		</div>
		<!--第一关活力值end-->
		<!--第二关-->
		<div class="upgrade page">
			<div class="upgrade_bg">
				<img src="../img/game/virus.png"/>
			</div>
			<div class="upgrade_paper">
				<img src="../img/game/sheng.png"/>
			</div>
			<div class="upgrade_dun">
				<img src="../img/game/projection.png"/>
			</div>
			<div class="upgrade_bottle">
				<img src="../img/game/bottle_.png"/>
			</div>
			<div class="upgrade_lumin">
				<img src="../img/game/luminance.png"/>
			</div>
			<div class="upgrade_virus">
				<img src="../img/game/virus_t.png"/>
			</div>
			<div class="upgrade_virust">
				<img src="../img/game/virus_three.png"/>
			</div>
			<div class="upgrade_virusi">
				<img src="../img/game/virus_fire.png"/>
			</div>
			<div class="upgrade_viruss">
				<img src="../img/game/virus_six.png"/>
			</div>
			<div class="upgrade_viruse">
				<img src="../img/game/virus_seven.png"/>
			</div>
			<div class="upgrade_virusn">
				<img src="../img/game/virus_none.png"/>
			</div>
			<div class="upgrade_bottom">
				<img src="../img/game/phylactic.png"/>
			</div>
		</div>
		<!--第二关end-->
		<!--第二关游戏-->
		
		<!--第二关游戏end-->
		<!--第二关活力值-->
		<div class="spacetwo page">
			<div class="spacetwo_bg">
				<img src="../img/game/honeycomb_bg.png"/>
			</div>
			<div class="spacetwo_fen">
				<p>成功狙击了<b>190</b>个病菌</p>
				<h2>防御力升级！</h2>
			</div>
			<div class="spacetwo_center">
				<img src="../img/game/immune.png"/>
			</div>
			<div class="spacetwo_bottom">
				<img src="../img/game/challenge.png"/>
			</div>
		</div>
		<!--第二关活力值end-->		
		<!--第三关-->
		<div class="game_three page">
			<div class="game_threebg">
				<img src="../img/game/bg2.png" />
			</div>
			<div class="game_threexing">
				<img src="../img/game/star.png" />
			</div>
			<div class="game_threeku">
				<img src="../img/game/frame.png" />
			</div>
			<div class="game_threeshou">
				<img src="../img/game/finger.png" />
			</div>
			<div class="game_threeca">
				<img src="../img/game/rub.png" />
			</div>
			<div class="game_threebo">
				<img src="../img/game/button.png" />
			</div>
			<div class="view">
				<div class="box" id="bb">
					<canvas id="cas"></canvas>
				</div>
			</div>
		</div>
		<!--第三关end-->
		<!--发表真言-->
		<div class="publish page">
			<div class="publish_bg">
			<img src="../img/game/pink_bg.png"/>				
			</div>
			<div class="publish_chong">
				<img src="../img/game/bright.png"/>
			</div>
			<div class="publish_center">
				<img src="../img/game/shine.png"/>
			</div>
			<div class="publish_bottom">
				<img src="../img/game/vitality.png"/>
			</div>
		</div>
		<!--发表真言end-->
		<!--总分+留言板-->
		<div class="leave page">
			<div class="leave_bg">
				<img src="../img/end/blue_bg.png"/>
			</div>
			<div class="leave_bu">
				<img src="../img/end/message.png"/>
			</div>
			<div class="leave_tu">
				<img src="../img/end/bg.png"/>
			</div>
			<div class="leave_zi">
				<h2>你的都是</h2>
				<p>活力值为<b>190</b></p>
			</div>
			<div class="leave_input">
				<textarea placeholder="说出心中的秘密"></textarea>
			</div>
			<div class="leave_bottom">
				<img src="../img/end/submit.png"/>
			</div>
			
		</div>
		<!--总分+留言板end-->
		<!--第几位宣言-->
		<div class="share_warp page">
		<div class="share">
			<ul>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
			</ul>			
		</div>
		<div class="share_ceng"></div>					
		
			<div class="share_zi">
				<p>你是第<b>190</b></p>
				<h2>在此发表宣言的</h2>
			</div>
			<div class="share_bao">
				<img src="../img/end/beverages.png"/>
			</div>
			<div class="share_left">
				<img src="../img/end/water_left.png"/>
			</div>
			<div class="share_right">
				<img src="../img/end/water_right.png"/>
			</div>
			<div class="share_s">
				<img src="../img/end/share.png"/>
			</div>
		</div>
		<!--第几位宣言end-->
		<!--分享朋友圈-->
		<div class="friend_wrap page">
			<div class="friend">
			<ul>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
				<li><img src="../img/end/bg.png"/></li>
			</ul>
			
		</div>
		<div class="friend_ceng">
			
		</div>
		
		<div class="friend_right">
			<img src="../img/end/arrows.png"/>
		</div>
		<div class="friend_zi">
				<h4>请点击右上角</h1>
				<b>将它发送给指定朋友</b>
				<p>或分享到朋友圈</p>
			</div>
		</div>
		<!--分享朋友圈end-->
		<!--排行榜-->
		<div class="ranking_wrap page">
		<div class="ranking">
			<div class="ranking_bg">
				<img src="../img/end/blue_bg.png"/>
			</div>
			
		</div>
		<div class="ranking_ceng">
			
		</div>
		
			<div class="ranking_bei">
				<img src="../img/end/pan.png"/>
			</div>
			<div class="ranking_pai">
				<ul>
					<li>
						<div class="xian"></div>
						<div class="index">1</div>
						<div class="name"><i class="user-icon"><img src="../img/end/ren.png"/></i>麻薯酱</div>
						<div class="pingfen">200<i class="duanwei-icon"><img src="../img/end/top_one.png"/></i></div>
					</li>
					<li>
						<div class="xian_one"></div>
						<div class="index">1</div>
						<div class="name"><i class="user-icon"><img src="../img/end/ren.png"/></i>麻薯酱</div>
						<div class="pingfen">100<i class="duanwei-icon"><img src="../img/end/huizhang_two.png"/></i></div>
					</li>
					<li>
						<div class="xian_two"></div>
						<div class="index">1</div>
						<div class="name"><i class="user-icon"><img src="../img/end/ren.png"/></i>麻薯酱</div>
						<div class="pingfen">200<i class="duanwei-icon"><img src="../img/end/huizhang.png"/></i></div>
					</li>
					<li>
						<div class="xian_thr"></div>
						<div class="index">1</div>
						<div class="name"><i class="user-icon"><img src="../img/end/ren.png"/></i>麻薯酱</div>
						<div class="pingfen">200<i class="duanwei-icon"><img src="//"/></i></div>
					</li>
					<li>
						<div class="xian_fo"></div>
						<div class="index">1</div>
						<div class="name"><i class="user-icon"><img src="../img/end/ren.png"/></i>麻薯酱</div>
						<div class="pingfen">200<i class="duanwei-icon"><img src="//"/></i></div>
					</li>
					<li>
						<div class="index">我</div>
						<div class="name"><i class="user-icon"><img src="../img/end/ren.png"/></i>麻薯酱</div>
						<div class="pingfen">200<i class="duanwei-icon"><img src="//"/></i></div>
					</li>
				</ul>
			</div>
		</div>
		<!--排行榜结束-->
		<!--宣言弹幕-->
		
		<!--宣言弹幕结束-->
	</body>
	<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<!--<script src="../js/dom.js" type="text/javascript" charset="utf-8"></script>-->
	<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/game_one.js" type="text/javascript" charset="utf-8"></script>
	<!--<script src="../js/game_three.js" type="text/javascript" charset="utf-8"></script>-->
	
	<script type="text/javascript">
//		console.log(document.querySelector("body"))
	</script>

</html>